<template>
    <div>
        <!-- 搜索 --> 
        <SearchElement  @getData="handerData"></SearchElement>
        <!-- 导入对话框 -->
       <div align='left'>
           <el-button  type="primary" @click="visibleDialog=true" >新建</el-button>
        <AddDialog :visible.sync='visibleDialog'></AddDialog>
       </div>
        
        <!-- 导入列表 -->
        <MyList :listData='listData'></MyList>

        <div style="float:right;">
            <el-pagination
                background
                layout="prev, pager, next,sizes"
                :total="10">
          </el-pagination>
        </div>
    </div>
</template>

<script>
import AddDialog from './AddDialog'
import SearchElement from './Search'
import MyList from './List'
import axios from 'axios'
export default {
    components:{
     AddDialog,
     MyList,
     SearchElement
    },
    data() {
        return {
            visibleDialog:false,
            listData:[{id:1,"super":"否","name":"连旭"},{id:2,"super":"是","name":"田曾德"}]


        }
    },
    methods: {
         handerData(data){
           alert(data)
       }
    },
    created() {

    }
}
</script>

<style scoped>

</style>
